<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>2-元素之间互相转换</title>
		<style type="text/css">
			a{
				width:200px;
				height:200px;
				border:1px solid red;
				display:inline-block;
			}
		</style>
	</head>
	<body>
		<!-- 1.行类元素 -->
<!-- 		<a href="">互相转换</a>
		<a href="">互相转换</a>
		<a href="">互相转换</a> -->
		
		<!-- 2.想把它转成块,[因为我要设置宽高] display:block-->
<!-- 		<a href="">互相转换</a>
		<a href="">互相转换</a>
		<a href="">互相转换</a> -->
		
		<!-- 3.我设置宽高了，但是我想让它在一行排列 display:inline-block -->
		<a href="">互相转换</a>
		<a href="">互相转换</a>
		<a href="">互相转换</a>
		
	</body>
</html>
